/* height : 0-100 .h0~100 +5 */
/* .h5  ==> height : 5px; */
    //@for $i from 0 through 10 {
    //    .h#{$i*10} {
    //        height: $i*10px;
    //    }
    //    @if $i < 9 {
    //        .h#{$i*10 + 5} {
    //            height: $i*10px + 5px;
    //        }
    //    }
    //}
/* height : 0-100 .h0~100 +1 */
/* .h5  ==> height : 5px; */
@for $i from 0 through 100 {
    .h#{$i} {
        height: $i*1px;
    }
}
/* height : 5~100%  .h5~100p +5 */
/* .h5p  ==> height : 5%; */
    //@for $i from 0 through 10 {
    //    @if $i > 0 {
    //        .h#{$i*10}p {
    //            height: $i*10%;
    //        }
    //    }
    //    @if $i < 9 {
    //        .h#{$i*10 + 5}p {
    //            height: $i*10% + 5%;
    //        }
    //    }
    //}
/* height : 5~100%  .h5~100p +1 */
/* .h5p  ==> height : 5%; */
@for $i from 0 through 100 {
    @if $i > 0 {
        .h#{$i}p {
            height: $i*1%;
        }
    }
}